<template>
  <div class="demo-split">
        <Split v-model="split1">
            <div slot="left" class="demo-split-pane">
                Left Pane
            </div>
            <div slot="right" class="demo-split-pane">
                <video-model></video-model>
            </div>
        </Split>
    </div>
</template>

<script>
import VideoModel from '@commons/VideoModel';
const QS = require('qs');
export default {
  data(){
    return {
      orderId: this.$route.params.id,
      split1: 0.5
    }
  },
  components: {
    VideoModel
  },
  methods:{
    loadOrderInfo: function() {
      var params = {orderId: this.orderId, orderType: '5'};
      var paramsStr = QS.stringify(params);

      console.log('orderId===', this.orderId);
      // this.getRequest(this.$urls.LOADORDERINFO, paramsStr).then(resp => {
      //   console.log("加载个人信息：", resp);
      // })
    }
  },
  created(){
    this.loadOrderInfo();
  },
}
</script>
<style lang="less" scoped>
  .demo-split {
    height: calc(100vh - @navHeight);
    border: 1px solid #dcdee2;
  }
  .demo-split-pane {
    padding: 10px;
  }

</style>